.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

/*
详情页面布局
*/
@label: 135px;
.page-detail {
    padding: 10px;

    .ant-form-item-label {
        width: @label;
        //display: inline;
        float: left;
        //overflow: auto;
    }

    .ant-form-item-control-wrapper {
        width: calc(100% - @label);
        float: left;
        //display: inline-block;
        .ant-select-dropdown-top30 {
            top: 30px !important;
        }
    }

    .ant-card {
        margin-bottom: 20px;

        .ant-card-body {
            padding: 10px;
        }

        &:nth-last-child(1) {
            margin-bottom: 0;
        }
    }
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}


//margin
.mlp(50);

.mlp(@n, @i: 5) when (@i =< @n) {
    .ml@{i}p {
        margin-left: (1px * @i) !important;
    }
    .mlp(@n, (@i + 5));
}

//
.mrp(50);

.mrp(@n, @i: 5) when (@i =< @n) {
    .mr@{i}p {
        margin-right: (1px * @i) !important;
    }
    .mrp(@n, (@i + 5));
}

//
.mtp(50);

.mtp(@n, @i: 5) when (@i =< @n) {
    .mt@{i}p {
        margin-top: (1px * @i) !important;
    }
    .mtp(@n, (@i + 5));
}

//
.mbp(50);

.mbp(@n, @i: 5) when (@i =< @n) {
    .mb@{i}p {
        margin-bottom: (1px * @i) !important;
    }
    .mbp(@n, (@i + 5));
}
